body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Porsche, PorscheBold, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.skin-black .main-header .navbar {background-color: #666;}
.skin-black .main-header .navbar>.sidebar-toggle,
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,
.skin-black .main-header .navbar .navbar-right>li>a {border:none;}
.skin-black .main-header .navbar .nav>li>a{color: #FFF}
.skin-black .main-header .logo {background-color: #222d32;color: #FFF;border:none;}
.skin-black .main-header .logo:hover {background-color: #222d32;}
.main-sidebar{min-height: 100%; z-index: 810}
/*.skin-black .sidebar-menu>li.active>a {border-left-color: darkgoldenrod;}*/
/*a, a:hover{color: darkgoldenrod;}*/
a:hover{opacity: 0.8}

.table td a{padding-right: 8px}
hr {border-top: 1px solid #ccc;}
.box{padding: 15px; position: relative; box-sizing: border-box;}

.pagination{margin: 0}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #999;
    border-color: #999;
    opacity: 0.6;
}

.grid-view .box-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.grid-view .box-footer .summary{
    padding-left: 245px;
    width: 50%;
}

.grid-view .box-footer ._pager{
    text-align: right;
    padding-right: 15px;
    width: 50%;
}

.card{background: #F5F5F5; border-radius: 5px; border: 1px #ccc solid; padding: 15px}
